/** * @description: 全校辅导员工作进度管理 */
<template>
  <div class="pub-container">
    <!-- 预警学生处理率 -->
    <DealRate :dealRateObj="warningDealRateObj" />

    <!-- 五困生帮扶率 -->
    <DealRate :dealRateObj="fiveHardRateObj" />

    <!-- 学生谈话率 -->
    <DealRate :dealRateObj="talkRateObj" />

    <div class="floor">
      <h6 class="title">辅导员工作进度</h6>
      <WorkRate />
    </div>
  </div>
</template>

<script>
import DealRate from './components/dealRate'
import WorkRate from './components/workRate'
export default {
  name: 'Counsellor',
  components: { DealRate, WorkRate },
  data() {
    return {
      //预警学生处理率
      warningDealRateObj: {
        title: '预警学生处理率',
        titleRate: 97,
        children: [
          {
            title: '心理预警',
            titleRate: 50,
            ratio: '100/200',
          },
          {
            title: '学业预警',
            titleRate: 18,
            ratio: '15/100',
          },
          {
            title: '行为失范预警',
            titleRate: 95,
            ratio: '88/100',
          },
        ],
      },

      //五困生帮扶率
      fiveHardRateObj: {
        title: '五困生帮扶率',
        titleRate: 97,
        children: [
          {
            title: '五困生谈心谈话',
            titleRate: 50,
            ratio: '100/200',
          },
        ],
      },

      //学生谈话率
      talkRateObj: {
        title: '学生谈话率',
        titleRate: 97,
        children: [
          {
            title: '谈心谈话',
            titleRate: 50,
            ratio: '100/200',
          },
        ],
      },
    }
  },
  methods: {},
}
</script>

<style lang="scss" scoped>
.floor {
  background: $bg-white;
  padding: 20px 12px;
  border-radius: 10px;
  margin-top: 12px;
  .title {
    @include fcb();
    font-size: $fz16;
    color: $color-title;

    span {
      font-size: 32px;
      font-weight: bold;
      color: $color-title;
    }
  }
}

.progress-wrapper {
  .progress-text {
    @include fcb();
    margin-top: 11px;
    margin-bottom: 12px;
    label {
      font-size: $fz14;
      color: $color-title;
      font-weight: normal;
    }
    span {
      font-size: $fz14;
      color: $color-title;
    }
  }
}
.progress-wrapper + .progress-wrapper {
  margin-top: 20px;
}
</style>
